// 1 导入相关包
import React from 'react'; // 创建react 元素的
import ReactDOM from 'react-dom/client'; //渲染 react 元素的
// 引入css
import './index.css';

// 渲染根节点
const root = ReactDOM.createRoot(document.getElementById('root'));

// 组件定义规则，就是定义一个class
class Hello extends React.Component {
  // 定义数据，事件

  render() {
    return <div>我是一个继承了React.Component的类组件</div>;
  }
}

// 渲染
// 组件的使用规则
root.render(
  <div>
    <Hello />
  </div>
);
